<template>
  <div class="aiteOnline">
    <h2>AITE ONLINE 艺术博览会</h2>
    <p>为艺术爱好者传导艺术的新变革与新理念</p>
    <router-link to="/AiteOnline/aiteOnline_home" id="aiteOnline_home"></router-link>
    <ul class="list">
      <li><img src="../../assets/img/home/ccjg.jpg" alt=""></li>
      <li><img src="../../assets/img/home/gjdy.jpg" alt=""></li>
      <li><img src="../../assets/img/home/ggxm.jpg" alt=""></li>
      <li><img src="../../assets/img/home/gywm.jpg" alt=""></li>
    </ul>
  </div>
</template>
<script>
export default{
  name: ''
}
</script>
<style scoped lang="less">
  .aiteOnline{
    h2{
      text-align: center;
      margin: 20px 0 0;
      font-size: 1.2em;
    }
    p{
      text-align: center;
      margin: 4px 0 10px;
      font-size: 0.8em;
      color: #999;
    }
    #aiteOnline_home{
      display: block;
      width: 100%;
      height: 324px;
      box-sizing: border-box;
      background-image: url(../../assets/img/home/ysblh.jpg);
      background-repeat: no-repeat;
      background-size: contain;
    }
    ul.list{
      margin: 20px 0;
      width: 100%;
      height: 316px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-content: space-between;
      li{
        width: 48.4%;
        height: 150px;
        overflow: hidden;
        img{
          width: 100%;
        }
      }
    }
  }
</style>